<template>
  <div class="dashboard-editor-container">
    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
      <h4>版本迭代记录</h4>
      <el-row :gutter="40" class="">
        <div class="introduce" v-for="(item) in introduces" >
          <div >
            <div class="help-title">{{item.index}}. {{item.title}}</div>
            <div class="content">{{item.content}}</div>
<!--            <div class="img-div" v-for="(img) in item.imgs">-->
<!--              <img @click="linkByRouter(img.routerpath)" :src="require('@/assets/upgraderecord/' + img.imgname + '.png')" width="100%" ></div>-->
          </div>
        </div>

      </el-row>
    </el-row>

  </div>
</template>


<script>

export default {
  name: 'Upgraderecord',
  data() {
    return {
      introduces: [
        {"title": "V 1.2",
          "content": "迭代(2024-04-29)：工作流模块上线，支持自定义工作流，自定义审批表单（建议在客服支持下操作），请假、加班接入审批",
          "imgs": [],
          "index": 3
        },
        {"title": "V 1.0.1",
          "content": "迭代：考勤、工资、社保上线",
          "imgs": [],
          "index": 2
        },
        {"title": "V 1.0.0",
          "content": "立项：基础人事版本上线",
          "imgs": [],
          "index": 1
        }
      ]
    }
  },
  created() {
  },
  methods: {
    linkByRouter(routerPath) {
      this.$router.push(routerPath)
    }
  }
}
</script>

<style lang="scss" scoped>
.introduce {
  padding: 10px 25px;
}

.introduce .help-title {
  font-size: 16px;
}

.introduce .content {
  color: #999;
  font-size: 14px;
  padding: 1rem;
}

.introduce .img-div {
  padding: 1rem;
}

</style>
